﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>
    <title></title>
    <style type="text/css">
        body
        {
            margin: 0px;
            padding: 0px;
        }
        #SyncDownMsg, #SyncUpMsg
        {
            text-align: center;
            padding-top: 10px;
            padding-bottom: 10px;
        }
        table.syncList
        {
            width: 100%;
            border: 1px none black;
            margin: 0px;
            padding: 0px;
        }
        table.syncList th
        {
            background-color: #CCC;
            border-right: 1px solid #AAA;
            text-align: left;
            padding-left: 10px;
        }
        table.syncList th.head1
        {
            width: 5%;
            padding-left: 5px;
        }
        table.syncList th.head2
        {
            width: 45%;
        }
        table.syncList th.head3
        {
            width: 20%;
        }
        table.syncList th.head4
        {
            width: 20%;
        }
        table.syncList th.head5
        {
            width: 10%;
        }
        table.syncList td
        {
            background-color: #EEE;
            border-right: 1px solid #BBB;
            padding-left: 5px;
        }
    </style>
</head>
<body>
    <!--button onclick="window.external.Test('called from script code')">
        call client code from script code</button-->
    <table class="syncList" cellspacing="0" cellpadding="0">
        <thead>
            <tr>
                <th class="head1">
                    <input id="SyncUpCheckAll" type="checkbox">
                </th>
                <th class="head2">
                    files to upload
                </th>
                <th class="head3">
                    local date
                </th>
                <th class="head4">
                    remote date
                </th>
                <th class="head5">
                    delta size
                </th>
            </tr>
        </thead>
        <tbody id="SyncUpList">
        </tbody>
    </table>
    <div id="SyncUpMsg">
    </div>

    <table class="syncList" cellspacing="0" cellpadding="0">
        <thead>
            <tr>
                <th class="head1">
                    <input id="SyncDownCheckAll" type="checkbox">
                </th>
                <th class="head2">
                    files to download
                </th>
                <th class="head3">
                    local date
                </th>
                <th class="head4">
                    remote date
                </th>
                <th class="head5">
                    delta size
                </th>
            </tr>
        </thead>
        <tbody id="SyncDownList">
        </tbody>
    </table>
    <div id="SyncDownMsg">
    </div>

    <table class="syncList" cellspacing="0" cellpadding="0">
        <thead>
            <tr>
                <th class="head1">
                    <input id="SyncNoneCheckAll" type="checkbox">
                </th>
                <th class="head2">
                    files in sync
                </th>
                <th class="head3">
                    local date
                </th>
                <th class="head4">
                    remote date
                </th>
                <th class="head5">
                    delta size
                </th>
            </tr>
        </thead>
        <tbody id="SyncNoneList">
        </tbody>
    </table>
    <div id="SyncNoneMsg">
    </div>

    <div id="out">
    </div>
    <div id="SyncLog"></div>
</body>
</html>
